<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>MES</title>
	<link rel="stylesheet" th:href="@{/js/bootstrap/bootstrap.min.css}" />
	<link rel="stylesheet" th:href="@{/css/smart-manage.css}" />
 	<link rel="stylesheet" th:href="@{/css/sweetalert.css}" />
 	<link rel="stylesheet" th:href="@{/css/login.css}" />
</head>
<body>
	<div class="cotn_principal">
  <div class="cont_centrar">
    <div class="cont_login">
    <!--***************-->
 <div class="cont_info_log_sign_up">
        <div class="col_md_login">
          <div class="cont_ba_opcitiy">
            <h2>登录</h2>
            <p>登录系统</p>
            <button class="btn_login" onClick="cambiar_login()">登录</button>
          </div>
        </div>
        <div class="col_md_sign_up">
          <div class="cont_ba_opcitiy">
            <h2>注册</h2>
            <p>注册系统</p>
            <button class="btn_sign_up" onClick="cambiar_sign_up()">注册</button>
          </div>
        </div>
     </div> 
    <!--***************-->
     <!--***-->
    <div class="cont_back_info">
        <div class="cont_img_back_grey"> <img th:src="@{/img/po.jpg}" alt="" /> </div>
     </div>
      <!--***--> 
      <div class="cont_forms" id="login_register">
        <div class="cont_img_back_"> <img th:src="@{/img/po.jpg}" alt="" /> </div>  
         <form action="" method="post">
	        <div class="cont_form_login"> <a href="#" onClick="ocultar_login_sign_up()" ><i class="material-icons">&#xE5C4;</i></a>
	          <h2>登录</h2>
		          <input type="text" name="username" placeholder="员工号" ref="userCode1"/>
		          <input type="password" name="password" placeholder="密码" ref="password1"/>
		          <button class="btn_login" type="submit">登录</button>
	          <br/><br/>
	          <span style="color:red;" th:text="${error_message}" ></span>
	        </div>
        </form>
   	   <form action="" id="actionForm" method="POST" v-on:submit.prevent="gotoRegister">
         <div class="cont_form_sign_up"> 
	         	<a href="#" onClick="ocultar_login_sign_up();"><i class="material-icons">&#xE5C4;</i></a>
	         <h2>注册</h2>
	          <input type="text" name="user.userCode" id="userCode2" placeholder="员工号" ref="userCode2" v-model="user.userCode"/>
	          <input type="text" name="user.userName" id="userName2" placeholder="姓名" ref="userName2" v-model="user.userName"/>
	          <input type="password" name="user.passWord" id="password2" placeholder="密码" ref="password2" v-model="user.passWord"/>
	          <input type="password" id="password2_1" placeholder="确认密码" ref="password2_1" v-on:keyup="password_on" v-model="log_pa2"/>
	          <br/>
	          	<span style="color:red;">{{tip_message_password}}</span>
	          <br/>
	          <input type="email" name="user.email" id="email2" placeholder="邮箱" ref="email2" v-model="user.email"/>
	          <input type="number" name="user.phone" id="phone2" placeholder="手机号码" ref="phone2" v-model="user.phone"/>
	          <button class="btn_sign_up" type="submit" :disabled="!user.userCode || !user.userName || !user.passWord || !log_pa2">注册</button>
        </div>
        </form>
      </div>
      <!--***************-->
    </div>
  </div>
</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/js/vue/vue.js}"></script>
<script type="text/javascript" th:src="@{/js/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/js/login/login.js}"></script>
</html>